<@t.header>
<link rel="stylesheet" href="${request.contextPath}/app/project/css/form.css">
</@t.header> <@t.body>
<div class="navbar navbar-default navbar-fixed-top padding-0 margin-0">
	<div class="container-fluid">
		<div class="navbar-header">
			<div class="form-data">
				<span class="show-data editable">
					<span class="data navbar-brand">${data.name}</span>
				</span>
				<span class="edit-data hide">
					<form action="${request.contextPath}/project/form/edit-field" method="post">
						<input type="hidden" name="id" value="${data.id}">
						<input type="hidden" name="field" value="name">
						<input class="data title" type="text" name="data" value="${data.name}">
						<i class="icon-ok icon-large" title="确定"></i>
						<i class="icon-remove icon-large" title="取消"></i>
					</form>
				</span>
			</div>
		</div>
	</div>
</div>

<input class="project-id" type="hidden" value="${data.id}">
<div class="container-fluid suredy-form${Session['proj_updater']?string('',' readonly')}" style="padding-top: 55px;">
	<div role="tabpanel" class="suredy-tabs">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active project">
				<a class="bg-danger" href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">基本信息</a>
			</li>
			<li role="presentation" class="contract ${data.contracted?string('', 'hide')}">
				<a class="bg-warning" href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">收款信息</a>
			</li>
			<li role="presentation" class="cost">
				<a class="bg-info" href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab">费用支出</a>
			</li>
			<li role="presentation" class="contract ${data.contracted?string('', 'hide')}">
				<a class="bg-success" href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab">子合同</a>
			</li>
		</ul>

		<div class="tab-content" style="border: 1px solid #ddd; border-top: none; margin-bottom: 10px;">
			<div role="tabpanel" class="tab-pane active" id="tab1"><#include "app/project/form-project.ftl"></div>
			<div role="tabpanel" class="tab-pane" id="tab2"><#include "app/project/form-contract.ftl"></div>
			<div role="tabpanel" class="tab-pane cost-info" id="tab3"><#include "app/project/form-cost.ftl"></div>
			<div role="tabpanel" class="tab-pane children-contract-info" id="tab4"><#include "app/project/form-children-contract.ftl"></div>
		</div>
	</div>
</div>
</@t.body> <@t.foot>
<script src="${request.contextPath}/core/js/jquery.form.js"></script>
<script src="${request.contextPath}/core/js/echarts-min.js"></script>
<script src="${request.contextPath}/js/suredy-modal.js"></script>
<script src="${request.contextPath}/js/suredy-datetimepicker.js"></script>
<script src="${request.contextPath}/js/suredy-list.js"></script>
<script src="${request.contextPath}/js/suredy-tree.js"></script>
<script src="${request.contextPath}/app/project/js/form.js"></script>
</@t.foot>
